Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Someone in Your Field Already Automated This

Someone in your field is automating what...

  2026/08/08

Google Pixel Watch 5 | Imagine

Google

August 12. #MadeByGoogle...

  2026/08/07

Beginners Who Build Win Faster

You don't need to be an expert. A beginn...

  2026/08/07

Lighthouse audits with DevTools for agents

chrome

Improve websites with Lighthouse audits ...

  2026/08/06

Made by Google Event | Take the Stage

Google

This lineup is stacked and we’re not jus...

  2026/08/06

Here's why I like Pi

Pi is an amazing coding (or in general: ...

  2026/08/06

Your AI Should Work While You Sleep

Google

Stop using AI like it's Google. Agents r...

  2026/08/06

Firebase Crash Course (Auth & Firestore) #12 - Firestore Queries

firebase

In this Firebase Crash Course, you'll le...

  2026/08/05

Build $10,000 Websites using Claude Code (Ultimate Guide)

Use ImageKit for handling images/videos ...

  2026/08/05

Your Worst Attempt Beats Any Excuse

Your worst attempt beats your best excus...

  2026/08/05

Firebase Crash Course (Auth & Firestore) #11 - Deleting Documents

firebase

In this Firebase Crash Course, you'll le...

  2026/08/05

Made by Google Event | This One Goes to 11

Google

This one goes to 11. Tune in to #MadeByG...

  2026/08/04

Generators (Technique of the Week)

Generators docs → Save time AND memory...

  2026/08/04

Build an AI That Works While You Sleep

This agent worked while I slept. Literal...

  2026/08/04

Firebase Crash Course (Auth & Firestore) #10 - Realtime Firestore Subs

firebase

In this Firebase Crash Course, you'll le...

  2026/08/04